<template>
  <i
    class="iconfont icon-container"
    :class="iconType"
  ></i>
</template>

<script>
// 项目中所需要的图标：待补充
const classMap = {
  home: "icon-shouye1-copy",
  weixin: "icon-weixin-copy",
  github: "icon-github",
  message: "icon-changyong_xiaoxi",
  user: "icon-changyonglianxiren",
  arrowLeft: "icon-changyong_fanhui",
  arrowDown: "icon-changyong_zhankai",
  arrowUp: "icon-changyong_shouqi",
  QQ: "icon-QQ1-copy-copy",
  email: "icon-youxiang",
  location: "icon-icon_location",
  phone: "icon-dianhua",
  empty: "icon-wuneirong1",
  blog: "icon-lianjie",
  about: "icon-changyonglianxiren",
  code: "icon-xiaoguo",
  chat: "icon-liuyan",
  info: "icon-putongtishi",
  warn: "icon-jinggao",
  success: "icon-chenggong",
  error: "icon-cuowu",
};
export default {
  props: {
    // 图标类型
    type: {
      type: String,
      required: true,
    },
  },
  computed: {
    //
    iconType() {
      return classMap[this.type];
    },
  },
};
</script>

<style scoped>
/* 图标更新了：在线地址需要同步更新一下 */
/* @import "//at.alicdn.com/t/font_2815832_y1rgh039k2r.css"; */
/* @import "//at.alicdn.com/t/font_2815832_3he2feri8ak.css"; */
/* @import "//at.alicdn.com/t/font_2815832_6d61tbmc713.css"; */
@import "//at.alicdn.com/t/font_2815832_dyn84pofky6.css";
</style>